/* first assign web fonts */

@font-face {
    font-family: 'Helvetica Now Display Hairline'; 
    src: url('../HelveticaNowDisplayHairline.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Thin'; 
    src: url('../HelveticaNowDisplayThin.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display XLight'; 
    src: url('../HelveticaNowDisplayXLt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Light'; 
    src: url('../HelveticaNowDisplayLight.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display'; 
    src: url('../HelveticaNowDisplay.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Medium'; 
    src: url('../HelveticaNowDisplayMedium.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Bold'; 
    src: url('../HelveticaNowDisplayBold.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display XBold'; 
    src: url('../HelveticaNowDisplayXBd.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Black'; 
    src: url('../HelveticaNowDisplayBlack.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display XBlack'; 
    src: url('../HelveticaNowDisplayXBlk.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Hair It'; 
    src: url('../HelveticaNowDisplayHairIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Th It'; 
    src: url('../HelveticaNowDisplayThIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display XLt It'; 
    src: url('../HelveticaNowDisplayXLtIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Lt It'; 
    src: url('../HelveticaNowDisplayLtIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display It'; 
    src: url('../HelveticaNowDisplayIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Md It'; 
    src: url('../HelveticaNowDisplayMdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Bd It'; 
    src: url('../HelveticaNowDisplayBdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display XBd It'; 
    src: url('../HelveticaNowDisplayXBdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display Blk It'; 
    src: url('../HelveticaNowDisplayBlkIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Display XBlk It'; 
    src: url('../HelveticaNowDisplayXBlkIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro ExtraLight'; 
    src: url('../HelveticaNowMicroExtraLight.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro Light'; 
    src: url('../HelveticaNowMicroLight.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro'; 
    src: url('../HelveticaNowMicro.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro Medium'; 
    src: url('../HelveticaNowMicroMedium.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro Bold'; 
    src: url('../HelveticaNowMicroBold.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro ExtraBold'; 
    src: url('../HelveticaNowMicroExtraBold.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro XLt It'; 
    src: url('../HelveticaNowMicroXLtIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro Lt It'; 
    src: url('../HelveticaNowMicroLtIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro It'; 
    src: url('../HelveticaNowMicroIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro Md It'; 
    src: url('../HelveticaNowMicroMdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro Bd It'; 
    src: url('../HelveticaNowMicroBdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Micro XBd It'; 
    src: url('../HelveticaNowMicroXBdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Thin'; 
    src: url('../HelveticaNowTextThin.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text ExtraLight'; 
    src: url('../HelveticaNowTextExtraLight.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Light'; 
    src: url('../HelveticaNowTextLight.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text'; 
    src: url('../HelveticaNowText.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Medium'; 
    src: url('../HelveticaNowTextMedium.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Bold'; 
    src: url('../HelveticaNowTextBold.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text ExtraBold'; 
    src: url('../HelveticaNowTextExtraBold.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Black'; 
    src: url('../HelveticaNowTextBlack.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Th It'; 
    src: url('../HelveticaNowTextThIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text XLt It'; 
    src: url('../HelveticaNowTextXLtIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Lt It'; 
    src: url('../HelveticaNowTextLtIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text It'; 
    src: url('../HelveticaNowTextIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Md It'; 
    src: url('../HelveticaNowTextMdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Bd It'; 
    src: url('../HelveticaNowTextBdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text XBd It'; 
    src: url('../HelveticaNowTextXBdIt.ttf') format('truetype');
    }

@font-face {
    font-family: 'Helvetica Now Text Blk It'; 
    src: url('../HelveticaNowTextBlkIt.ttf') format('truetype');
    }

/* go on with normal style definitions */
body {
    font-family: 'Helvetica Now Text'; /* this is only an example for one style */
    
    /* setup OpenType features */
    font-feature-settings: ;

    /* vendor prefixes */
    -webkit-font-feature-settings: ;
    -moz-font-feature-settings: ;
    -moz-font-feature-settings: ;
    -ms-font-feature-settings: ;
    -o-font-feature-settings: ;
    
}
    

/* language tag */
<html lang="">

...

</html>